<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link rel="icon" href="../images/logo.png" type="image/ico" />

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible;
}

.ui-widget {
	font-size: 9px !important;
}

.centro {
	width: 44%;
	position: absolute;
	top: 20%;
	left: 28%;
}

.vermelho {
	color: #e33b06;
	background-color: red;
	background-image: none;
}
</style>

	<script type="text/javascript">
		PrimeFaces.locales['pt'] = {
			closeText : 'Fechar',
			prevText : 'Anterior',
			nextText : 'Próximo',
			currentText : 'Começo',
			monthNames : [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio',
					'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro',
					'Novembro', 'Dezembro' ],
			monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
					'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ],
			dayNames : [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta',
					'Sexta', 'Sábado' ],
			dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb' ],
			dayNamesMin : [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
			weekHeader : 'Semana',
			firstDay : 0,
			isRTL : false,
			showMonthAfterYear : false,
			yearSuffix : '',
			timeOnlyTitle : 'Só Horas',
			timeText : 'Tempo',
			hourText : 'Hora',
			minuteText : 'Minuto',
			secondText : 'Segundo',
			ampm : false,
			month : 'Mês',
			week : 'Semana',
			day : 'Dia',
			allDayText : 'Todo o Dia'
		};
	</script>

	<title>Integração - Portal de Serviços e Comunicação</title>
</h:head>

<h:body>

	<p:messages autoUpdate="true" id="messagesMain" />
	<ui:decorate template="/templateBase.xhtml">
		<ui:define name="center">
			<p:growl id="growl" life="5000" autoUpdate="true" />

			<h:form id="principal" acceptcharset="ISO-8859-1" lang="pt">
				<div align="center">
					<!-- 	<p:graphicImage id="imagesFundo" url="/images/saies.jpg" /> -->
				</div>
				<p:tabView>
					<br />
					<p:tab title="Avisos Gerais">
						<br />
						<div align="right">
							<h:panelGrid columns="2">
								<p:commandButton value="Atualizar" icon="ui-icon-refresh"
									actionListener="#{mensagemBacking.criaListaAvisoGeral}"
									ajax="false" />
								<p:commandButton value="Escrever" icon="ui-icon-pencil"
									oncomplete="dlgEnviarAvisoGeral.show()" process="@this"
									update=":formEnviaAviso"
									actionListener="#{mensagemBacking.limpaListaAnexoNovaMensagem}" />

							</h:panelGrid>
						</div>
						<br />
						<p:dataTable value="#{mensagemBacking.listaAvisoGeral}" var="ms"
							paginator="true" rows="10"
							emptyMessage="Não consta nenhum aviso publicado." id="tblAvGeral">

							<p:column headerText="ID">
								<div align="center">

									<h:outputText value="#{ms.msg.id}" style="color:black" />
								</div>
							</p:column>


							<p:column headerText="De" sortBy="#{ms.rementente.nome}"
								style="height:5px">
								<h:outputText value="#{ms.rementente.nome}" />
							</p:column>


							<p:column headerText="Assunto" sortBy="#{ms.assunto}">
								<div align="center">
									<h:outputText value="#{ms.msg.assunto}" />
								</div>
							</p:column>

							<p:column headerText="Data/Horário"
								sortBy="#{ms.msg.dataSolicitacao}">
								<div align="center">
									<h:outputText value="#{ms.msg.dataSolicitacao}">
										<f:convertDateTime pattern="dd/MM/yyyy - HH:mm"
											timeZone="GMT-3" />
									</h:outputText>
								</div>
							</p:column>

							<p:column headerText="Situação" sortBy="#{ms.msg.situacao}">
								<div align="center">
									<h:outputText value="#{ms.msg.situacao}" />
								</div>
							</p:column>

							<p:column headerText="Visualizar">
								<div align="center">
									<p:commandButton icon="ui-icon-search"
										onclick="dlgAviso.show(), this.form.target='_self'"
										update=":formAviso:tblComentarios,:formAviso" process="@all"
										actionListener="#{mensagemBacking.selecionaMensagem(ms.msg)}">
									</p:commandButton>
								</div>
							</p:column>
						</p:dataTable>

					</p:tab>

					<p:tab
						title="Solicitações recebidas (#{mensagemBacking.totalMensagemNaoLidaInbox})"
						id="tabInbox">

						<br />

						<h:panelGrid columns="6">

							<div align="left">
								<h:outputText value="Período:" />
								<p:calendar value="#{mensagemBacking.dataInicial}" />
								<h:outputText value="a" />
								<p:calendar value="#{mensagemBacking.dataFinal}" />
								<p:commandButton icon="ui-icon-search" update="tblInbox"
									actionListener="#{mensagemBacking.pesquisaPorPeriodo}"
									ajax="false" process="@this" />
							</div>
						</h:panelGrid>


						<div align="right">
							<h:panelGrid columns="2">
								<p:commandButton value="Atualizar" icon="ui-icon-refresh"
									ajax="false"
									actionListener="#{mensagemBacking.criaListaMensagemInbox}" />
								<p:commandButton value="Escrever" icon="ui-icon-pencil"
									oncomplete="dlgMsg.show()" process="@this" update=":formMsg"
									actionListener="#{mensagemBacking.limpaListaAnexoNovaMensagem}" />
							</h:panelGrid>
						</div>
						<br />
						<p:dataTable value="#{mensagemBacking.listaMensagemInBox}"
							var="msd" id="tblInbox" paginator="true" rows="10"
							emptyMessage="Não consta nenhuma mensagem na caixa de entrada.">

							<p:column headerText="ID">
								<div align="center">
									<h:outputText value="#{msd.msg.id}"
										rendered="#{msd.stat_leitura eq 'NLida'}"
										style="color:red;font-size:14px" />

									<h:outputText value="#{msd.msg.id}"
										rendered="#{msd.stat_leitura eq 'Lida'}" style="color:black" />
								</div>
							</p:column>

							<p:column headerText="De" style="height:5px"
								sortBy="#{msd.rementente.nome}">
								<h:outputText value="#{msd.rementente.nome}" />
							</p:column>

							<p:column headerText="Assunto" sortBy="#{msd.msg.assunto}">
								<div align="center">
									<h:outputText value="#{msd.msg.assunto}" />
								</div>
							</p:column>

							<p:column headerText="Prioridade">
								<div align="center">
									<h:outputText value="#{msd.msg.prioridade}" />
								</div>
							</p:column>

							<p:column headerText="Data/Horário"
								sortBy="#{ms.dataSolicitacao}">
								<div align="center">
									<h:outputText value="#{msd.msg.dataSolicitacao}">
										<f:convertDateTime pattern="dd/MM/yyyy - HH:mm"
											timeZone="GMT-3" />
									</h:outputText>
								</div>
							</p:column>

							<p:column headerText="Situação" sortBy="#{msd.msg.situacao}">
								<div align="center">
									<h:outputText value="#{msd.msg.situacao}" />
								</div>
							</p:column>

							<p:column headerText="Feedback">
								<div align="center">
									<h:outputText value="Mensagem Respondida"
										rendered="#{msd.msg.resposta eq 'Mensagem Respondida'}"
										style="color:green" />
									<h:outputText value="Aguardando Resposta"
										rendered="#{msd.msg.resposta eq 'Aguardando Resposta'}"
										style="color:red" />
								</div>
							</p:column>


							<p:column headerText="Visualizar">


								<div align="center">
									<p:commandButton icon="ui-icon-search"
										onclick="dlgInboxOS.show()"
										update=":formDetalheInbox:tblRespostasInbox,:formDetalheInbox"
										process="@all"
										actionListener="#{mensagemBacking.selecionaMensagem(msd.msg)}" />


								</div>
							</p:column>

							<p:column headerText="Imprimir">
								<div align="center">
									<p:commandButton
										action="#{mensagemBacking.gerarRelatorio(msd.msg.id)}"
										immediate="true" ajax="false"
										onclick="this.form.target='_blank'" icon="ui-icon-print" />
								</div>
							</p:column>

						</p:dataTable>
					</p:tab>


					<p:tab title="Solicitações enviadas">
						<br />
						<h:panelGrid columns="6">
							<div align="left">
								<h:outputText value="Período:" />
								<p:calendar value="#{mensagemBacking.dataInicial}" />
								<h:outputText value="a" />
								<p:calendar value="#{mensagemBacking.dataFinal}" />
								<p:commandButton icon="ui-icon-search" update="tblSaida"
									actionListener="#{mensagemBacking.pesquisaSaidaPorPeriodo}"
									ajax="false" process="@this" />
							</div>
						</h:panelGrid>

						<div align="right">
							<p:commandButton value="Atualizar" icon="ui-icon-refresh"
								ajax="false"
								actionListener="#{mensagemBacking.criaListaMensagemInbox}" />
						</div>
						<br />

						<p:dataTable value="#{mensagemBacking.listaMensagemSaida}"
							var="ms" id="tblSaida" paginator="true" rows="10"
							emptyMessage="Não consta nenhuma mensagem enviada.">

							<p:column headerText="ID">
								<div align="center">
									<h:outputText value="#{ms.msg.id}" />
								</div>
							</p:column>


							<p:column headerText="Para" sortBy="#{ms.func_destino.nome}"
								style="height:5px">
								<h:outputText value="#{ms.func_destino.nome}" />
							</p:column>

							<p:column headerText="Assunto" sortBy="#{ms.msg.assunto}">
								<div align="center">
									<h:outputText value="#{ms.msg.assunto}" />
								</div>
							</p:column>

							<p:column headerText="Prioridade">
								<div align="center">
									<h:outputText value="#{ms.msg.prioridade}" />
								</div>
							</p:column>

							<p:column headerText="Data/Horário"
								sortBy="#{ms.msg.dataSolicitacao}">
								<div align="center">
									<h:outputText value="#{ms.msg.dataSolicitacao}">
										<f:convertDateTime pattern="dd/MM/yyyy - HH:mm:ss"
											timeZone="GMT-3" />
									</h:outputText>
								</div>
							</p:column>

							<p:column headerText="Situação" sortBy="#{ms.msg.situacao}">
								<div align="center">
									<h:outputText value="#{ms.msg.situacao}" />
								</div>
							</p:column>

							<p:column headerText="Feedback">
								<div align="center">
									<h:outputText value="Mensagem Respondida"
										rendered="#{ms.msg.resposta eq 'Mensagem Respondida'}"
										style="color:green" />
									<h:outputText value="Aguardando Resposta"
										rendered="#{ms.msg.resposta eq 'Aguardando Resposta'}"
										style="color:red" />
								</div>
							</p:column>

							<p:column headerText="Visualizar">
								<div align="center">
									<p:commandButton icon="ui-icon-search"
										onclick="dlgDetalheOS.show()"
										update=":formDetalhe:tblRespostas,:formDetalhe" process="@all"
										actionListener="#{mensagemBacking.selecionaMensagem(ms.msg)}">
									</p:commandButton>
								</div>
							</p:column>

							<p:column headerText="Imprimir">
								<div align="center">
									<p:commandButton
										action="#{mensagemBacking.gerarRelatorio(ms.msg.id)}"
										immediate="true" ajax="false"
										onclick="this.form.target='_blank'" icon="ui-icon-print" />
								</div>
							</p:column>

						</p:dataTable>
					</p:tab>

					<p:tab title="Solicitações concluídas">
						<br />
						<p:dataTable value="#{mensagemBacking.listaMensagemConcluida}"
							var="msd" paginator="true" rows="10"
							emptyMessage="Não consta nenhuma mensagem na caixa de entrada.">

							<p:column headerText="ID">
								<div align="center">
									<h:outputText value="#{msd.msg.id}"
										rendered="#{msd.stat_leitura eq 'NLida'}"
										style="color:red;font-size:14px" />

									<h:outputText value="#{msd.msg.id}"
										rendered="#{msd.stat_leitura eq 'Lida'}" style="color:black" />
								</div>
							</p:column>

							<p:column headerText="De" style="height:5px"
								sortBy="#{msd.rementente.nome}">
								<h:outputText value="#{msd.rementente.nome}" />
							</p:column>

							<p:column headerText="Assunto" sortBy="#{msd.msg.assunto}">
								<div align="center">
									<h:outputText value="#{msd.msg.assunto}" />
								</div>
							</p:column>

							<p:column headerText="Prioridade">
								<div align="center">
									<h:outputText value="#{msd.msg.prioridade}" />
								</div>
							</p:column>

							<p:column headerText="Data da Solicitação"
								sortBy="#{ms.dataSolicitacao}">
								<div align="center">
									<h:outputText value="#{msd.msg.dataSolicitacao}">
										<f:convertDateTime pattern="dd/MM/yyyy - HH:mm"
											timeZone="GMT-3" />
									</h:outputText>
								</div>
							</p:column>

							<p:column headerText="Data da Conclusão"
								sortBy="#{ms.dataConclusao}">
								<div align="center">
									<h:outputText value="#{msd.msg.dataConclusao}">
										<f:convertDateTime pattern="dd/MM/yyyy - HH:mm"
											timeZone="GMT-3" />
									</h:outputText>
								</div>
							</p:column>

							<p:column headerText="Visualizar">

								<div align="center">
									<p:commandButton icon="ui-icon-search"
										onclick="dlgMsgConcluida.show()"
										update=":formMsgConcluida:tblMsgConcluida,:formMsgConcluida"
										process="@all"
										actionListener="#{mensagemBacking.selecionaMensagem(msd.msg)}" />

								</div>
							</p:column>

							<p:column headerText="Imprimir">
								<div align="center">
									<p:commandButton
										actionListener="#{mensagemBacking.gerarRelatorio(msd.msg.id)}"
										ajax="false" onclick="this.form.target='_blank'"
										icon="ui-icon-print" />
								</div>
							</p:column>

						</p:dataTable>
					</p:tab>

					<p:tab title="WorkSocial" disabled="true">
						<br />
						<h:panelGrid columns="2">

							<p:imageSwitch effect="wipe" widgetVar="switcher" id="switcher"
								slideshowAuto="false">
								<ui:repeat value="#{workSocialBacking.imagem}" var="image">
									<p:graphicImage value="/images/fotos/#{image}" width="162"
										height="170" />
								</ui:repeat>
							</p:imageSwitch>

							<h:panelGrid>
								<h:outputText
									value="#{workSocialBacking.funcionarioLogado.nome}"
									style="font-size:18px" />
								<h:outputText
									value="#{workSocialBacking.cargoDeptoFuncionarioLogado.cargo.descricao}"
									style="font-size:14px" />
								<h:outputText
									value="Aprendi que são os pequenos acontecimentos
										diários que tornam a vida espetacular"
									style="font-size:12px" />
							</h:panelGrid>
						</h:panelGrid>
						<br />
						<p:commandLink value="Alterar foto"
							onclick="dlgEditaPerfil.show()" />
						<br />
						<br />
						<p:separator />
						<br />
						<p:tabView>
							<p:tab title="Sobre #{workSocialBacking.funcionarioLogado.nome}">
								<p:accordionPanel multiple="true">
									<p:tab title="Dados Pessoais">
										<h:outputText
											value="Nome: #{workSocialBacking.funcionarioLogado.nome}" />
										<br />
										<h:outputText value="Data de Nasc: " />
										<h:outputText
											value="#{workSocialBacking.funcionarioLogado.dataNascimento}">
											<f:convertDateTime pattern="dd/MM/yyyy" />
										</h:outputText>
										<br />
										<h:outputText value="Funcionário desde:" />
										<h:outputText
											value="#{workSocialBacking.funcionarioLogado.dataContratacao}">
											<f:convertDateTime pattern="MM/yyyy" />
										</h:outputText>
									</p:tab>
									<p:tab title="Perfil Profissional">
										<h:panelGrid>

											<h:outputText value="Empresa" />
											<h:inputText size="50" />
											<h:outputText value="Cargo" />
											<h:inputText size="50" />
										</h:panelGrid>
										<br />
										<div align="right">
											<h:panelGrid columns="2">
												<p:commandLink value="Salvar" />
												<p:commandLink value="Editar" />
											</h:panelGrid>
										</div>
										<p:dataTable
											emptyMessage="Nenhum registro profissional encontrado!">
											<p:column headerText="Empresa">
											</p:column>
											<p:column headerText="Cargo">
											</p:column>
											<p:column headerText="Período">
											</p:column>
										</p:dataTable>
									</p:tab>
									<p:tab title="Habilidades">
										<h:panelGrid>
											<h:outputText value="Habilidade" />
											<p:selectOneMenu>
												<f:selectItem itemLabel="Selecione" itemDisabled="true" />
											</p:selectOneMenu>
										</h:panelGrid>
										<br />
										<p:dataTable
											emptyMessage="Você ainda nã possui nenhuma habilidade registrada!">
											<p:column headerText="Descrição">
											</p:column>
										</p:dataTable>
									</p:tab>
									<p:tab title="Perfil Acadêmico">

										<h:panelGrid>
											<h:outputText value="Nivel de Escolaridade:" />
											<p:selectOneMenu>
												<f:selectItem itemLabel="Selecione" itemDisabled="true" />
											</p:selectOneMenu>
											<h:outputText value="Título" />
											<h:inputText size="50" />
											<h:outputText value="Instituição de Ensino" />
											<h:inputText size="50" />
											<h:outputText value="Ano" />
											<p:selectOneMenu>
												<f:selectItem itemLabel="Selecione" itemDisabled="true" />
											</p:selectOneMenu>
										</h:panelGrid>
										<br />
										<div align="right">
											<h:panelGrid columns="2">
												<p:commandLink value="Salvar" />
												<p:commandLink value="Editar" />
											</h:panelGrid>
										</div>
										<p:dataTable
											emptyMessage="Você ainda nã possui nenhuma formação acadêmica registrada!">
											<p:column headerText="Nível">
											</p:column>
											<p:column headerText="IES">
											</p:column>
											<p:column headerText="Título">
											</p:column>
											<p:column headerText="Ano de Conclusão">
											</p:column>
										</p:dataTable>

									</p:tab>
									<p:tab title="Contato">
										<h:panelGrid columns="2">
											<h:outputText value="E-mail:" />
											<h:outputText
												value="#{workSocialBacking.funcionarioLogado.email}" />
											<br />
											<h:outputText value="Celular" />
											<br />
											<h:outputText value="Ramal:" />
										</h:panelGrid>
										<br />
										<div align="right">
											<h:panelGrid columns="2">
												<p:commandLink value="Salvar" />
												<p:commandLink value="Editar" />
											</h:panelGrid>
										</div>
									</p:tab>
								</p:accordionPanel>
							</p:tab>

							<p:tab title="Mural de Postagens">
								<h:panelGrid columns="3">
									<p:editor id="msgSocial" width="600" height="150"
										value="#{workSocialBacking.wmSalvar.msg}" />
									<p:watermark for="msgSocial"
										value="Deixe uma mensagem para seus colegas de trabalho. Ex: Mensagens de motivação, frases ou textos que contribua para o desenvolvimento profissional e pessoal de seus colegas. " />
									<p:commandButton icon="ui-icon-comment" value="Postar"
										actionListener="#{workSocialBacking.salvarPost}"
										update="tblPost" />
								</h:panelGrid>
								<br />
								<p:dataTable value="#{workSocialBacking.listaPosts}" var="p"
									rows="10" id="tblPost"
									emptyMessage="Nenhuma mensagem postada até o momento!">

									<p:column>
										<div align="left">
											<h:outputText
												value="Postado por #{p.perfil.funcionario.nome}" />
										</div>
										<br />

										<p:graphicImage value="/images/fotos/#{image}" width="50"
											height="40" />

										<p:inputTextarea cols="120" rows="5" autoResize="true"
											maxlength="100" value="#{p.msg}" />
										<br />
										<br />
										<p:commandLink value="Comentar" />
										<br />
									</p:column>

								</p:dataTable>
							</p:tab>
							<p:tab title="Colegas de Trabalho">

								<p:dataGrid value="#{workSocialBacking.listaPerfil}" var="p"
									rows="12" columns="3" id="colegasTrabalho"
									paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">

									<p:panel header="#{p.funcionario.nome}">
										<h:panelGrid columns="2">

											<p:imageSwitch effect="wipe" widgetVar="switcher"
												id="switcher" slideshowAuto="false">
												<ui:repeat value="#{p.fotoPerfil}" var="image">
													<p:graphicImage value="/images/fotos/#{p.id}" width="100"
														height="100" />
												</ui:repeat>
											</p:imageSwitch>

											<h:panelGrid columns="2">

												<h:outputText value="Funcionário desde:" />
												<h:outputText />
												<h:outputText value="Cargo:" />
												<h:outputText />
												<h:outputText value="Departamento:" />
												<h:outputText />
											</h:panelGrid>
										</h:panelGrid>
									</p:panel>

								</p:dataGrid>
							</p:tab>
							<p:tab title="Album de fotos">
								<div align="center">
									<p:galleria value="#{mensagemBacking.imagens}" var="image"
										panelWidth="500" panelHeight="313" showCaption="true">
										<p:graphicImage id="album" value="/ex_anexos/#{image}"
											height="313" width="500" alt="Image Description for #{image}"
											title="#{image}" />
									</p:galleria>
								</div>
							</p:tab>

						</p:tabView>
					</p:tab>
					<p:tab title="Chat" disabled="true">

						<p:fieldset legend="Chat Online">
							<p:panel>
								<h:panelGrid columns="2" cellspacing="5">

									<h:panelGrid>
										<p:dataTable rows="10" emptyMessage="Nenhum usuário online"
											value="#{workSocialBacking.listaPerfil}" var="us">

											<p:column>
												<p:imageSwitch effect="wipe" widgetVar="switcher"
													id="switcher" slideshowAuto="false">
													<ui:repeat value="#{p.fotoPerfil}" var="image">
														<p:graphicImage value="/images/fotos/#{p.id}" width="30"
															height="30" />
													</ui:repeat>
												</p:imageSwitch>
											</p:column>

											<p:column headerText="Usuários">

												<h:outputText value="#{us.funcionario.nome}" />

											</p:column>
											<p:column headerText="Interagir">
												<div align="center">
													<p:commandButton icon="ui-icon-comment"
														actionListener="#{workSocialBacking.selectUserToChat(us)}" />
												</div>
											</p:column>
										</p:dataTable>
									</h:panelGrid>

									<h:panelGrid columns="2">

										<h:panelGrid>

											<h:outputText
												value="#{workSocialBacking.funcionarioLogado.nome} - #{workSocialBacking.cargoDeptoFuncionarioLogado.cargo.descricao}"
												style="font-size:12px" />

											<p:imageSwitch effect="wipe" widgetVar="userChat"
												id="userChat" slideshowAuto="false">
												<ui:repeat value="#{workSocialBacking.imagem}" var="image">
													<p:graphicImage value="/images/fotos/#{image}" width="70"
														height="70" />
												</ui:repeat>
											</p:imageSwitch>

											<p:dataTable rows="20" emptyMessage="Escreva uma mensagem"
												id="tblMsgChat"
												value="#{workSocialBacking.listaMsgChatUserToUser}" var="ms">
												<p:column>
													<h:outputText
														value="#{ms.msg.dataHorario} - #{ms.perfilRemetente.funcionario.nome} disse:" />
													<h:outputText value="#{ms.msg.msg}" />
												</p:column>
											</p:dataTable>
											<p:editor width="500" height="150"
												value="#{workSocialBacking.cSalvar.msg}" />

										</h:panelGrid>
									</h:panelGrid>
									<br />
									<div align="center">
										<h:panelGrid columns="2">
											<p:commandButton value="Enviar" icon="ui-icon-check"
												ajax="false"
												actionListener="#{workSocialBacking.salvaMensagem}"
												update="tblMsgChat" />

										</h:panelGrid>
									</div>
								</h:panelGrid>
							</p:panel>
						</p:fieldset>
					</p:tab>
				</p:tabView>
			</h:form>


			<p:dialog hideEffect="clip" id="dlg"
				footer="Integração - Portal de Serviços e Comunicação"
				showEffect="clip" height="550" header="Detalhe da Solicitação"
				width="700" widgetVar="dlgDetalheOS" appendToBody="true"
				modal="true">
				<h:form id="formDetalhe" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<h:panelGrid>
						<h:outputText value="ID Solicitação:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							readonly="true" size="5" />

						<h:outputText value="Categoria:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.cat.descricao}"
							size="50" readonly="true" />

						<h:outputText value="Motivo:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.motivo.descricao}"
							size="50" readonly="true" />

						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							readonly="true" />

						<h:outputText value="Situação:" />
						<p:selectOneMenu value="#{mensagemBacking.situacaoMensagem}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Cancelada" itemValue="Cancelada" />
							<f:selectItem itemLabel="Solicitação Concluida"
								itemValue="Solicitacao Concluida" />
						</p:selectOneMenu>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="1500" readonly="true"
							style="width:650px;background-color:white;" />
					</h:panelGrid>
					<br />
					<h:outputText value="Anexos" />
					<p:dataList value="#{mensagemBacking.listaAnexoMsg}" var="a"
						itemType="circle">
					#{a.nome} - <p:commandLink value="Baixar"
							actionListener="#{mensagemBacking.download(a)}" ajax="false" />
					</p:dataList>
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Gravar"
								actionListener="#{mensagemBacking.atualizaSituacaoOS}"
								update="tblRespostas,growl" ajax="false" />
							<p:commandButton value="Cancelar" />
						</h:panelGrid>
					</div>
					<br />
					<p:separator />
					<br />
					<p:panel
						header=" #{mensagemBacking.totalComentarios} - comentário(s)"
						toggleable="true">
						<br />
						<h:outputText value="Comentário:" />
						<p:inputTextarea autoResize="true" cols="50" rows="5"
							maxlength="1500" style="width:600px"
							value="#{mensagemBacking.comentSalvar.descricao}" />
						<br />
						<br />
						<div align="center">
							<h:panelGrid columns="2">
								<p:commandButton value="Postar" icon="ui-icon-check"
									actionListener="#{mensagemBacking.salvarComentario}"
									update="tblRespostas,formDetalhe" />
								<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
							</h:panelGrid>
						</div>
						<br />

						<p:dataTable id="tblRespostas"
							value="#{mensagemBacking.listaComentarios}" var="c"
							emptyMessage="Não consta nenhum comentário para essa solicitação.">
							<p:column headerText="Comentários" style="height:20;width:550">
								<p:inputTextarea autoResize="true" cols="60" rows="5"
									readonly="true" value="#{c.descricao}" maxlength="1500"
									style="width:600px;background-color:yellow;" />
								<div align="right">
									<h:outputText value="#{c.funcionario.nome} - " />
									<h:outputText value="#{c.dataComentario}">
										<f:convertDateTime
											pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
											timeZone="GMT-3" locale="pt_BR" />
									</h:outputText>
								</div>
							</p:column>
						</p:dataTable>
					</p:panel>
				</h:form>
			</p:dialog>

			<p:dialog hideEffect="clip" id="dlgInbox"
				footer="Integração - Portal de Serviços e Comunicação"
				showEffect="clip" height="550" header="Detalhe da Solicitação"
				width="700" widgetVar="dlgInboxOS" appendToBody="true" modal="true">
				<h:form id="formDetalheInbox" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<h:panelGrid>
						<h:outputText value="ID Solicitação:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							size="5" readonly="true" id="txtIdOS" />

						<h:outputText value="Categoria:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.cat.descricao}"
							size="50" readonly="true" />

						<h:outputText value="Motivo:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.motivo.descricao}"
							size="50" readonly="true" />

						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							readonly="true" />

						<h:outputText value="Situação:" />
						<p:selectOneMenu value="#{mensagemBacking.situacaoMensagem}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Sendo Analisada"
								itemValue="Sendo Analisada" />
							<f:selectItem itemLabel="Solicitação Concluída"
								itemValue="Solicitação Concluída" />
						</p:selectOneMenu>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="1500" readonly="true"
							style="width:600px;background-color:white;" />
					</h:panelGrid>
					<br />
					<h:outputText value="Anexos" />
					<p:dataList value="#{mensagemBacking.listaAnexoMsg}" var="a"
						itemType="circle">
					#{a.nome} - <p:commandLink value="Baixar"
							actionListener="#{mensagemBacking.download(a)}" ajax="false" />
					</p:dataList>
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Gravar"
								actionListener="#{mensagemBacking.atualizaSituacaoOS}"
								update="tblRespostasInbox,growl" ajax="false" />
							<p:commandButton value="Cancelar" />
						</h:panelGrid>
					</div>
					<br />
					<p:separator />
					<br />
					<p:panel
						header=" #{mensagemBacking.totalComentarios} - comentário(s)"
						toggleable="true">
						<h:outputText value="Comentário:" />
						<p:inputTextarea autoResize="true" cols="50" rows="5"
							maxlength="1500" style="width:600px"
							value="#{mensagemBacking.comentSalvar.descricao}" />
						<br />
						<br />
						<div align="center">
							<h:panelGrid columns="2">
								<p:commandButton value="Postar" icon="ui-icon-check"
									actionListener="#{mensagemBacking.salvarComentarioInbox}"
									ajax="false" update="tblRespostas,growl" process="@this" />
								<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
							</h:panelGrid>
						</div>
						<br />

						<p:dataTable id="tblRespostasInbox"
							value="#{mensagemBacking.listaComentarios}" var="c"
							emptyMessage="Não consta nenhum comentário para essa solicitação.">
							<p:column headerText="Comentários" style="height:20;width:550">
								<p:inputTextarea autoResize="true" cols="50" rows="6"
									value="#{c.descricao}" maxlength="1500" readonly="true"
									style="width:600px;background-color:yellow;" />
								<div align="right">
									<h:outputText value="#{c.funcionario.nome} - " />
									<h:outputText value="#{c.dataComentario}">
										<f:convertDateTime
											pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
											timeZone="GMT-3" locale="pt_BR" />
									</h:outputText>
								</div>
							</p:column>
						</p:dataTable>
					</p:panel>
				</h:form>
			</p:dialog>

			<p:dialog hideEffect="clip"
				footer="Integração - Portal de Serviços e Comunicação"
				showEffect="clip" height="500" header="Detalhe da Solicitação"
				width="700" widgetVar="dlgMsgConcluida" appendToBody="true"
				modal="true">
				<h:form id="formMsgConcluida" prependId="false"
					acceptcharset="ISO-8859-1" lang="pt">
					<h:panelGrid>
						<h:outputText value="ID Solicitação:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							size="5" readonly="true" />

						<h:outputText value="Prioridade:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.prioridade}"
							size="50" readonly="true" />

						<h:outputText value="Categoria:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.cat.descricao}"
							size="50" readonly="true" />

						<h:outputText value="Motivo:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.motivo.descricao}"
							size="50" readonly="true" />

						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							readonly="true" />

						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="1500" readonly="true"
							style="width:600px;background-color:white;" />
					</h:panelGrid>
					<br />
					<h:outputText value="Anexos" />
					<p:dataList value="#{mensagemBacking.listaAnexoMsg}" var="a"
						itemType="circle">
					#{a.nome} - <p:commandLink value="Baixar"
							actionListener="#{mensagemBacking.download(a)}" ajax="false" />
					</p:dataList>
					<br />
					<p:separator />
					<br />
					<p:panel
						header=" #{mensagemBacking.totalComentarios} - comentário(s)"
						toggleable="true">

						<br />

						<p:dataTable id="tblMsgConcluida"
							value="#{mensagemBacking.listaComentarios}" var="c"
							emptyMessage="Não consta nenhum comentário para essa solicitação.">
							<p:column headerText="Comentários" style="height:20;width:550">
								<p:inputTextarea autoResize="true" cols="50" rows="6"
									value="#{c.descricao}" maxlength="1500" readonly="true"
									style="width:600px;background-color:yellow;" />
								<div align="right">
									<h:outputText value="#{c.funcionario.nome} - " />
									<h:outputText value="#{c.dataComentario}">
										<f:convertDateTime
											pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
											timeZone="GMT-3" locale="pt_BR" />
									</h:outputText>
								</div>
							</p:column>
						</p:dataTable>
					</p:panel>
				</h:form>
			</p:dialog>

			<h:form id="formMsg" acceptcharset="ISO-8859-1" lang="pt"
				enctype="multipart/form-data">
				<p:growl id="messages" showSummary="true" />
				<p:dialog hideEffect="clip"
					footer="Integração - Portal de Serviços e Comunicação"
					showEffect="clip" height="410" header="Nova Mensagem" width="650"
					widgetVar="dlgMsg">
					<br />

					<h:panelGrid columns="2">

						<h:outputText value="Departamento: " />
						<p:selectOneMenu value="#{mensagemBacking.codDeptoSelecionado}">
							<f:selectItem itemDisabled="true" itemLabel="Selecione" />
							<f:selectItems var="dpto"
								value="#{mensagemBacking.listaDepartamento}"
								itemLabel="#{dpto.nome}" itemValue="#{dpto.id}" />
							<p:ajax update="func" process="@this"
								listener="#{mensagemBacking.criaListaFuncionario}" />
						</p:selectOneMenu>

						<h:outputText value="Funcionário" />
						<p:selectOneMenu id="func"
							value="#{mensagemBacking.codFuncionarioSelecionado}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItems value="#{mensagemBacking.listaFuncionario}"
								var="f" itemLabel="#{f.func.nome}" itemValue="#{f.func.id}" />
						</p:selectOneMenu>

						<h:outputText value="Categoria" />
						<p:selectOneMenu
							value="#{mensagemBacking.codCategoriaSelecionada}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItems value="#{mensagemBacking.listaCategoria}" var="c"
								itemLabel="#{c.descricao}" itemValue="#{c.id}" />
						</p:selectOneMenu>

						<h:outputText value="Motivo(*)" />
						<p:selectOneMenu required="true" effect="fade"
							requiredMessage="É necessário informar o motivo para o contato!"
							value="#{mensagemBacking.codMotivoSelecionado}">

							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItems value="#{mensagemBacking.listaMotivos}" var="m"
								itemLabel="#{m.descricao}" itemValue="#{m.id}">
							</f:selectItems>

						</p:selectOneMenu>

						<h:outputText value="Prioridade" />
						<p:selectOneMenu value="#{mensagemBacking.msgSalvar.prioridade}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Baixa Prioridade"
								itemValue="Baixa Prioridade" />
							<f:selectItem itemLabel="Média Prioridade"
								itemValue="Media Prioridade" />
							<f:selectItem itemLabel="Alta Prioridade"
								itemValue="Alta Prioridade" />
							<f:selectItem itemLabel="Emergência" itemValue="Emergencia" />
						</p:selectOneMenu>

						<h:outputText value="Assunto: " />
						<p:inputText size="100" maxlength="200" required="true"
							requiredMessage="Informe o assunto!"
							value="#{mensagemBacking.msgSalvar.assunto}" />
					</h:panelGrid>
					<br />

					<h:panelGrid>
						<h:outputText value="Descrição da Solicitação:" />

						<p:inputTextarea autoResize="true" cols="50" rows="5"
							required="true" requiredMessage="Informe a descrição"
							value="#{mensagemBacking.msgSalvar.descricao}" maxlength="1500"
							style="width:550px" />
						<br />

						<p:separator />

						<p:fileUpload fileUploadListener="#{mensagemBacking.upload}"
							label="Selecionar" update="tblArquivo" showButtons="false" />
					</h:panelGrid>
					<p:graphicImage url="../images/anexo.jpg" width="20" height="15" />
					<b>Anexos</b>
					<p:dataList value="#{mensagemBacking.listaArquivoAnexo}" var="a"
						itemtype="circle" id="tblArquivo">
						<p:graphicImage url="../images/clips.jpg" width="20" height="15" />	Nome: #{a.nome}	
					</p:dataList>
					<div align="right">
						<p:graphicImage url="../images/lixeira.jpg" width="20" height="15" />
						<p:commandLink value="Limpar"
							actionListener="#{mensagemBacking.limpaListaAnexoNovaMensagem}"
							update="tblArquivo" />
					</div>
					<br />
					<div align="center">
						<h:panelGrid columns="2">

							<p:commandButton value="Gravar" ajax="false"
								actionListener="#{mensagemBacking.salvarMensagem}"
								update=":principal,messages,formMsg" />
							<p:commandButton value="Cancelar" oncomplete="dlgMsg.hide()"
								process="@this" />

						</h:panelGrid>
					</div>
				</p:dialog>
			</h:form>

			<p:dialog hideEffect="clip"
				footer="Integração - Portal de Serviços e Comunicação"
				showEffect="clip" height="450" header="Detalhe da Solicitação"
				width="650" widgetVar="dlgAviso" appendToBody="true" modal="true">
				<h:form id="formAviso" prependId="false" acceptcharset="ISO-8859-1"
					lang="pt">
					<h:panelGrid>
						<h:outputText value="ID:" />
						<p:inputText value="#{mensagemBacking.mensagemSelecionada.id}"
							readonly="true" size="5" />
						<h:outputText value="Assunto:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.assunto}" size="80"
							readonly="true" />
						<h:outputText value="Situação:" />
						<p:inputText
							value="#{mensagemBacking.mensagemSelecionada.situacao}" size="80"
							readonly="true" />
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							value="#{mensagemBacking.mensagemSelecionada.descricao}"
							maxlength="1500" readonly="true"
							style="width:600px;background-color:white;" />

						<br />
						<h:outputText value="Comentário:" />
						<p:inputTextarea autoResize="true" cols="50" rows="5"
							maxlength="400" style="width:600px"
							value="#{mensagemBacking.comentSalvar.descricao}" />
						<br />
					</h:panelGrid>
					<h:outputText value="Anexos:" />
					<p:dataList value="#{mensagemBacking.listaAnexoMsg}" var="a"
						itemType="circle">
					#{a.nome} - <p:commandLink value="Baixar"
							actionListener="#{mensagemBacking.download(a)}" ajax="false" />
					</p:dataList>
					<div align="center">
						<br />
						<h:panelGrid columns="2">
							<p:commandButton value="Postar" icon="ui-icon-check"
								actionListener="#{mensagemBacking.salvarComentarioAvisosGerais}"
								ajax="false" update="tblRespostas,growl" process="@this" />
							<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
						</h:panelGrid>
					</div>
					<br />

					<p:dataTable id="tblComentarios"
						value="#{mensagemBacking.listaComentarios}" var="c"
						emptyMessage="Não consta nenhum comentário para essa solicitação.">
						<p:column headerText="Comentários" style="height:20;width:550">
							<p:inputTextarea autoResize="true" cols="50" rows="6"
								value="#{c.descricao}" maxlength="1500" readonly="true"
								style="width:550px;background-color:yellow;" />
							<div align="right">
								<h:outputText value="#{c.funcionario.nome} - " />
								<h:outputText value="#{c.dataComentario}">
									<f:convertDateTime
										pattern="EEEE,dd 'de' MMMM 'de' yyyy - HH:mm:ss"
										timeZone="GMT-3" locale="pt_BR" />
								</h:outputText>
							</div>
						</p:column>
					</p:dataTable>
				</h:form>
			</p:dialog>

			<h:form id="formEnviaAviso" acceptcharset="ISO-8859-1" lang="pt">
				<p:growl id="avisoGeral" autoUpdate="true" />
				<p:dialog hideEffect="clip"
					footer="Integração - Portal de Serviços e Comunicação"
					showEffect="clip" height="400" header="Nova Mensagem" width="650"
					widgetVar="dlgEnviarAvisoGeral">
					<br />
					<h:panelGrid>
						<h:outputText value="Situação" />
						<p:selectOneMenu value="#{mensagemBacking.msgSalvar.situacao}"
							required="true" requiredMessage="Informe a situação">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Aviso" itemValue="Aviso" />
							<f:selectItem itemLabel="Dúvida" itemValue="Duvida" />
							<f:selectItem itemLabel="Convocação" itemValue="Convocacao" />
							<f:selectItem itemLabel="Convite" itemValue="Convite" />
						</p:selectOneMenu>
						<h:outputText value="Assunto: " />
						<p:inputText size="100" maxlength="200" required="true"
							requiredMessage="Informe o assunto"
							value="#{mensagemBacking.msgSalvar.assunto}" />
					</h:panelGrid>
					<br />
					<h:panelGrid>
						<h:outputText value="Descrição da Solicitação:" />
						<p:inputTextarea autoResize="true" cols="50" rows="6"
							required="true" requiredMessage="Informe a descrição"
							value="#{mensagemBacking.msgSalvar.descricao}" maxlength="1500"
							style="width:550px" />
					</h:panelGrid>
					<br />
					<p:fileUpload fileUploadListener="#{mensagemBacking.upload}"
						sizeLimit="100000" label="Selecionar" update="tblArquivo"
						invalidSizeMessage="Tamanho inválido"
						invalidFileMessage="Arquivo inválido" showButtons="false" />
					<br />
					<p:graphicImage url="../images/anexo.jpg" width="20" height="15" />
					<b>Anexos</b>
					<p:dataList value="#{mensagemBacking.listaArquivoAnexo}" var="a"
						itemtype="circle" id="tblArquivo">
						<p:graphicImage url="../images/clips.jpg" width="20" height="15" />	Nome: #{a.nome}	
					</p:dataList>
					<br />
					<div align="center">
						<h:panelGrid columns="2">

							<p:commandButton value="Gravar"
								update=":formEnviaAviso,:principal"
								actionListener="#{mensagemBacking.salvarAvisoGeral}" />
							<p:commandButton value="Cancelar"
								oncomplete="dlgEnviarAvisoGeral.hide()" />

						</h:panelGrid>
					</div>
				</p:dialog>
			</h:form>

			<h:form id="formEditaPerfil" acceptcharset="ISO-8859-1" lang="pt">
				<p:dialog hideEffect="clip"
					footer="Integração - Portal de Serviços e Comunicação"
					showEffect="clip" height="150" header="Procurar foto" width="600"
					widgetVar="dlgEditaPerfil">

					<p:fileUpload
						fileUploadListener="#{workSocialBacking.enviarImagem}"
						label="Selecionar" oncomplete="dlgEditaPerfil.onHide()"
						invalidFileMessage="Formato inválido" update=":principal"
						process="@all" allowTypes="/(\.|\/)(jpe?g|png|gif)$/" />

				</p:dialog>
			</h:form>

			<h:form id="imageViewer" acceptcharset="ISO-8859-1" lang="pt">
				<p:dialog hideEffect="clip" header="Arquivo anexado"
					showEffect="clip" width="700" height="500" widgetVar="exibirImagem"
					modal="false">

					<p:galleria value="#{mensagemBacking.imagens}" var="image"
						panelWidth="500" panelHeight="313" showCaption="true">
						<p:graphicImage value="/ex_anexos/#{image}" height="313"
							width="500" alt="Image Description for #{image}" title="#{image}" />
					</p:galleria>

				</p:dialog>
			</h:form>

		</ui:define>
	</ui:decorate>
</h:body>
</html>